body{
    width: 1263px;
    height: 1246px;
    background:#f0f0f0 url(../img/login-reg.gif) no-repeat top left;
    background-size: 1263px 650px;
    #box1{
        width: 100%;
        height: 607px;
    }
}
#logo{
    width: 314px;
    height: 34px;
    margin: 3px 0 0 130px;
    float: left;
}
#message{
    width: 280px;
    height: 482px;
    background: #f4e9da;
//  opacity: 0.8;
    float: right;
    margin: 80px 181px 0 0;
    padding: 24px 30px 0 30px;
    .mes_txt1{
        display: inline-block;
        font-size: 12px;
        color: #333;
        float: left;
    }
    .registEmal{
        font-size: 12px;
        color: #fab117;
        float: left;
        text-decoration: underline;
    }
    .vip{
       font-size: 12px;
        color:#fab117;
        float: right;
        text-decoration: underline; 
    }
}
form{
    width: 280px;
    height: 437px;
    margin-top: 12px;
    float: left;
    input{
        width: 277px;
        height: 38px;
        border: 1px solid #c5c8c6;
         margin-bottom: 28px;
    }
    #user{
        width: 239px;
        background: url(../img/index-bg.png) no-repeat;
        background-position: -57px 10px;
        padding-left:38px;
        color: #999;
        font-size: 15px;
    }
    #pwd{
        width: 239px;
        background: url(../img/index-bg.png) no-repeat;
        background-position: -57px 10px;
        padding-left:38px;
        color: #999;
        font-size: 15px;
        background: url(../img/index-bg.png) no-repeat -54px -36px;
    }
    p{
        width: 277px;
        height: 38px;
        border: 1px solid #c5c8c6;
        #iden{
            width: 140px;
            height:36px;
            float: left;
            color: #999;
            padding-left: 15px;
            border: none;
            background: #f4e9da;
        }
        .code1{
            display: inline-block;
            width: 81px;
            height: 100%;
            float: left;
            text-align: center;
            line-height: 36px;
        }
        .reflash1{
            display: inline-block;
            float:left;
            width: 40px;
            line-height: 38px;
            color: #a095ae;
            font-size: 13px;
            height: 100%;
            text-align: center;
        }
    }
    p:nth-of-type(2){
        margin-top: 30px;
        border: none;
        line-height: 13px;
        input{
            width: 15px;
            height: 15px;
            float: left;
            border: none;
            margin-right: 10px;
        }
        span{
            color: #888888;
            font-size: 14px;
            float: left;
        }
        a{
            color: #888888;
            font-size: 14px;
            float: right;
        }
    }
    >a{
        display: inline-block;
        width: 260px;
        height: 46px;
        background: #d10048;
        opacity: 0.5;
        line-height: 46px;
        border-radius: 6px;
        color: white;
        padding-left: 20px;
        letter-spacing: 30px;
        text-align: center;
        font-size: 20px;
        float: left;
    }
    >a:nth-of-type(2){
        width: 34px;
        height: 26px;
        background: transparent;
        float:right;
        margin: 45px 30px 0 10px;
    }
    >a:nth-of-type(3){
        width: 24px;
        height: 27px;
        background: transparent;
        float:right;
        margin: 45px 0 0 20px;
    }
    >span{
        display:inline-block;
        width: 116px;
        height: 12px;
        margin-top: 54px;
        font-size: 14px;
        color: #888888;
    }
}

#box2{
    width: 952px;
    height: 273px;
    margin: 0 auto;
    padding-top: 174px;
    .adv{
        width: 335px;
        height: 106px;
        margin: 0 auto;
        .one{
            width: 105px;
            height: 105px;
            float: left;
            margin-right: 10px;
            a:nth-child(1){
                display: inline-block;
                width: 100%;
                height: 75px;
                float: left;
                background: url(../img/footer-bg.png) no-repeat center top;
            }
            a:nth-child(2){
                font-size: 15px;
                color: #888888;
                float: left;
                width: 100%;
                text-align: center;
                margin-top:13px;
            }
        }
        .one:nth-child(2){
            a:nth-child(1){
	           background: url(../img/footer-bg.png) no-repeat center -106px;
            }
        }
        .one:nth-child(3){
           margin-right:0;
           a:nth-child(1){
	           background: url(../img/footer-bg.png) no-repeat center -212px;
           } 
        }
    }
    .uls{
        width: 424px;
        height: 136px;
        margin-left:145px;
        float: left;
        margin-top: 30px;
        .one{
           display: inline-block;
           height: 100%;
           float: left;
           margin-right: 40px;
           h3{
                color: #888888;
                font-size: 19px;   
           }
           li{
                line-height: 29px;
           }
           a{
                color: #888888;
                font-size: 14px;
           }
        }
        .one:nth-child(4){
            margin-right: 0;
        }
    }
    .dimesionCode{
        width: 230px;
        height: 136px;
        float: left;
        margin: 30px 0 0 45px;
        p{
            float: left;
            width: 50%;
            height: 100%;
            span:nth-child(1){
                color: #888888;
                font-size: 18px;
                float: left;   
            }
            span:nth-child(2){
                display: inline-block;
                width: 100px;
                height: 100px;
                float: left;
                margin-top: 5px;
                img{
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
}
#bot{
    width: 552px;
    height: 100px;
    margin: 90px auto 0;
    ul{
        width: 100%;
        height: 20px;
        li{
            width: 88px;
            text-align: center;
            float: left;
            padding: 0 10px;
            border-right:1px solid #bbbbbb;
            a{
                font-size: 14px;
                color: #888888;
                text-align: center;
            }
        }
        li:nth-child(5){
            border-right: none;
        }
    }
    span{
        display: block;
        color: #888888;
        height: 28px;
        font-size: 14px;
        margin-top: 7px;
        background: url(../img/newicon.png) no-repeat left top;
        padding-left: 30px;
        line-height: 25px;
    }
    .mcl1{
        float: left;
        margin: 13px 36px 0 105px;
    }
    .mcl2{
        float: left;
        margin: 13px 25px 0 0;
    }
    .mcl3{
        float: left;
        margin: 20px 0 0 0;
        color: #888888;
        font-size: 12px;
        background: url(../img/beian.png) no-repeat left center;
        padding-left:25px;
    }
}
